<template>
	<view class="solid-bottom" style="width: 100%;background-color: #F9F9F9;">
		<view class="bg-white flex justify-between align-center padding-bottom-sm padding-left padding-right padding-top-sm"
			style="width: 100%;">
			<text class="text-df text-lg text-black text-bold">热聊圈话题</text>
			<text class="text-grey">快去聊聊吧</text>
		</view>
		<view class="padding-sm-left padding-top-sm flex" style="flex-wrap: wrap;" >
			<view class="margin-left margin-bottom-sm" v-for="(item,index) in dataList" :key="index">
				<view @tap="jumpToTopicDetail(item.topic_id)" class="flex justify-start align-center padding-xs shadow radius solid line-black bg-white">
					<text class="text-black">#{{item.title}}</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:'FeedsRecommendCircleTopic',
		props: {
			dataList: {
				type: Array,
				default: []
			},
		},
		methods: {
			jumpToTopicDetail(topicId) {
				uni.navigateTo({
					url:'/pages/lessuse/circle-topic-post/circle-topic-post?showCircle=1&topicId='+topicId
				})
			}
		},
	}
</script>

<style scoped>

</style>